<?php
    require_once '../frm/init.php';
    
    Ftl_Header::setCharsetEncoding();
    Ftl_Header::setNoCache();




    switch ($ioHelper->get('action'))
    {
        case 'login':

            $usuario    = isset($_REQUEST['txtUsuario']) ? $_REQUEST['txtUsuario'] : "";
            $clave      = isset($_REQUEST['txtPass']) ? $_REQUEST['txtPass'] : "";

            if ($usuario != "" && $clave != "")
            {

                $respuesta = Ftl_SessionBO::login($usuario, $clave);

                if ($respuesta->state == 1)
                {
                    $respuesta->data = null;
                        
                }
                
                echo Ftl_JsonUtil::encode($respuesta);

            }

            exit();
            break;
        case 'recovery':

            exit();
            break;
    }

    $oSession = new Ftl_SessionBO();
    if ($oSession->isLogged())
        Ftl_Redirect::toPage ('usuarios.php');

?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Internet Dreams</title>
<link rel="stylesheet" href="css/screen.css" type="text/css" media="screen" title="default" />
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/themes/base/jquery-ui.css" type="text/css" media="all" />
<!--  jquery core -->

<script src="../js/jquery.min.js" type="text/javascript"></script>
<script language="javascript" type="text/javascript" src="../js/JS.js"></script>

<!-- Custom jquery scripts -->
<script src="js/jquery/custom_jquery.js" type="text/javascript"></script>

<script src="js/jquery/jquery.pngFix.pack.js" type="text/javascript"></script>


<script language="javascript" type="text/javascript">
JS.cargarModulos('../js','UI,Form');
$(document).ready(function(){
        
        $(document).pngFix( );
        $('#formulario').ajaxForm({
                url         : 'login.php',
                type        : 'POST',
                dataType    : 'json',
		beforeSubmit: validate,
		success     : hecho
	});
});

function hecho(data){
   	UI.removeLoader('#button');
        
	if (data){
            switch(data.state){
                case 1:
                    if ($('#loginbox').css('display') == 'block')
                        JS.redirect('usuarios.php');
                    else
                        UI.alert('La nueva clave de acceso fue enviada a tu email.',{title:'Clave enviada'});
                    break;
                default:
                        UI.alert(data.message,{title:'Atención'});
                    break;
            }

        }
}

function validate(formData, jqForm, options) {
    var error = "";
    
   


    UI.setLoader('button', {sImgPath:'css/ajax-loader.gif'});

    var form = jqForm[0];



   if ($('#loginbox').css('display') == 'block')
   {
        var campos = {
                fields: [
                    {
                        nombre:"txtUsuario",
                        tipo: "",
                        mensajeVacio: "Por favor, ingresá tu usuario.",
                        mensajeErroneo: ""
                    },
                    {
                        nombre:"txtPass",
                        tipo: "",
                        mensajeVacio: "Por favor, ingresá tu password.",
                        mensajeErroneo: ""
                    }
                ]

        };
   }
   else
   {

        var campos = {
                fields: [
                    {
                        nombre:"txtEmail",
                        tipo: "email",
                        mensajeVacio: "Por favor, ingresá tu email.",
                        mensajeErroneo: "El formato del email ingresado es incorrecto"
                    }
                ]

        };

   }
    if(!$.fn.validar(campos))
    {
        UI.alert(campos.message,'<p>@</p>',{title:'Atención'});
    	UI.removeLoader('button');
		debug(campos);
        return false;
    }
    else
    {
        return true;
    }

}
</script>



</head>
<body id="login-bg"> 
 <form id="formulario">
     <input type="hidden" name="action" id="action" value="login"/>
<!-- Start: login-holder -->
<div id="login-holder">

	<!-- start logo -->
	<div id="logo-login">
		<a href="index.html"><img src="images/shared/logo.png" width="156" height="40" alt="" /></a>
	</div>
	<!-- end logo -->
	
	<div class="clear"></div>
	
	<!--  start loginbox ................................................................................. -->
	<div id="loginbox">
	
	<!--  start login-inner -->
	<div id="login-inner">
		<table border="0" cellpadding="0" cellspacing="0">
		<tr>
			<th>Usuario</th>
			<td><input id="txtUsuario" name="txtUsuario" type="text"  class="login-inp" /></td>
		</tr>
		<tr>
			<th>Clave</th>
			<td><input id="txtPass" name="txtPass" type="password" value=""  onfocus="this.value=''" class="login-inp" /></td>
		</tr>
		<tr>
			<th></th>
			<td valign="top">

                        </td>
		</tr>
		<tr>
			<th></th>
			<td><input type="submit"  class="submit-login"  /></td>
		</tr>
		</table>
	</div>
 	<!--  end login-inner -->
	<div class="clear"></div>
	<!--a href="" class="forgot-pwd">Olvidó su clave?</a-->
 </div>
 <!--  end loginbox -->
 
	<!--  start forgotbox ................................................................................... -->
	<div id="forgotbox">
		<div id="forgotbox-text">Ingrese su email para enviarle su nueva clave.</div>
		<!--  start forgot-inner -->
		<div id="forgot-inner">
		<table border="0" cellpadding="0" cellspacing="0">
		<tr>
			<th>Email:</th>
			<td><input type="text" value="" id="txtEmail" name="txtEmail"   class="login-inp" /></td>
		</tr>
		<tr>
			<th> </th>
			<td><input type="submit" class="submit-login" id="btnEnviar"  /></td>
		</tr>
		</table>
		</div>
		<!--  end forgot-inner -->
		<div class="clear"></div>
		<a href="" class="back-login">Login</a>
	</div>
	<!--  end forgotbox -->

</div>
<!-- End: login-holder -->
 </form>
</body>
</html>